下面列出的功能会在构建过程中自动应用，除非您要禁用它们，
否则无需进行显式配置:



动态导入Polyfill(兼容)
Vite使用ES动态导入作为代码拆分点。 生成的代码还将使用动态导
入来加载异步块。 但是，本机ESM动态导入支持比通过脚本标签
的ESM晚于ESM登陆，并且这两个功能之间在浏览器支持方面存在差异。
Vite会自动注入轻量级的动态导入Polyfill，以缓解这种差异。
如果您知道您只针对具有本机动态导入支持的浏览器，
则可以通过build.polyfillDynamicImport显式禁用此功能。



CSS代码分割
Vite自动提取异步块中模块使用的CSS并为其生成一个单独的文件。
加载关联的异步块时，会通过<link>标记自动加载CSS文件，
并且保证仅在加载CSS之后才对异步块进行评估，以避免FOUC。
如果您希望将所有CSS提取到一个文件中，则可以通过
将build.cssCodeSplit设置为false来禁用CSS代码拆分。



预加载指令生成
Vite自动为条目块及其生成的HTML中的直接导入
生成<link rel =“ modulepreload”>指令。




异步块加载优化
在现实世界的应用程序中，汇总通常会生成“公共”块-在两个或多个其
他块之间共享的代码。 结合动态导入，通常会出现以下情况：
Entry ---> A ---> C
在非优化方案中，当导入异步块A时，浏览器将必须请求并解析A，
然后才能确定它还需要公用块C。这将导致额外的网络往返.
Entry ---> (A + C)
Vite会使用预加载步骤自动重写代码拆分的动态导入
调用，以便在请求A时并行获取C：
C可能会进一步导入，这将导致在未优化的情况下往返更多。 Vite的优化将跟踪
所有直接导入，以完全消除往返，无论导入深度如何。






















